<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>信息修改</title>
</head>

<body>
    <header>
        信息修改
        <i class="iconfont icon-xiangzuo1"></i>
    </header>
    <main>
        <!-- 昵称 -->
        <label for="js_input2" class="weui-cell weui-cell_active">
            <div class="weui-cell__hd">
                <span class="weui-label">昵称</span>
            </div>
            <div class="weui-cell__bd">
                <input id="js_input2" class="weui-input" placeholder="填写本人昵称">
            </div>
        </label>
        <!-- 性别 -->
        <div id="ginder" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
            <div class="weui-cell__hd">
                <label class="weui-label">性别</label>
            </div>
            <div class="weui-cell__bd">
                <div class="weui-select" id="ginderText">男</div>
            </div>
        </div>
        <!-- 生日 -->
        <div id="birthday" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
            <div class="weui-cell__hd">
                <label class="weui-label">生日</label>
            </div>
            <div class="weui-cell__bd">
                <div class="weui-select" id="birthdayText">2000-01-01 </div>
            </div>
        </div>
        <!-- 省份 -->
        <div id="province" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
            <div class="weui-cell__hd">
                <label class="weui-label">所在省份</label>
            </div>
            <div class="weui-cell__bd">
                <div class="weui-select" id="provinceText">请选择省份</div>
            </div>
        </div>
        <!-- 区县 -->
        <div id="city" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
            <div class="weui-cell__hd">
                <label class="weui-label">所在城市</label>
            </div>
            <div class="weui-cell__bd">
                <div class="weui-select" id="cityText">请选择城市</div>
            </div>
        </div>
        <!-- 多行文本域 -->
        <div class="weui-cells__group weui-cells__group_form">
            <div class="weui-cells__title">签名修改</div>
            <div class="weui-cells weui-cells_form">
                <div class="weui-cell weui-cell_active">
                    <div class="weui-cell__bd">
                        <textarea class="weui-textarea" placeholder="请输入签名" rows="3" maxlength="50"></textarea>
                        <div role="option" aria-live="polite" class="weui-textarea-counter">
                            <span class="area_len">0</span>/50</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 按钮 -->
        <a href="#button_default" role="button" class="weui-btn weui-btn_primary mt20" id="btn">保存数据</a>
    </main>
</body>

</html>